﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Default.cshtml";
}

<script type="text/javascript">
    $(document).ready(function () {
        $('.btnXemnhanh').click(function () {
            $('.btnXemnhanh').css({ background: "url(Content/images/bg_xemnhanh.png) repeat-x", color: "#2a2a2a" })
            $(this).css({ background: "url(Content/images/bg_xemnhanhHover.png) repeat-x", color: "#fff" });
            $('.tooltip').hide();
            var $flag = $(this).parent().offset().left > 700;
            //if ($flag) {
            //    $(this).parent().find($('.tooltip')).css({ right: "-45px" }).fadeIn(400);
            //}
            //else {
            //    $(this).parent().find($('.tooltip')).css({ left: "-45px" }).fadeIn(400);
            //}
            //var $html = $('.tooltip').html();
            //$('#tooltip').html($html);
            $('#tooltip').css({ top: parseInt(($(this).parent().offset().top)) + 80, left: parseInt(($(this).parent().offset().left)) - 40 }).fadeIn(400);
        });

        $('.btnAddcart').click(function () {
            $('.tooltip').hide();
        });

        $(document).keypress(function (e) {
            if (e.keyCode == 27) {
                $('.btnXemnhanh').css({ background: "url(Content/images/bg_xemnhanh.png) repeat-x", color: "#2a2a2a" })
                $('.tooltip').hide();
            }
        });

        $('ul#color li').click(function () {
            $('ul#color li').css({ border: "3px solid #D7D7D7" });
            $(this).css({ border: "3px solid #bc204f" });
        });

        $('#sQuant a#btnAdd').click(function () {
            $('#sQuant #txtQuantity').val(parseInt($("#sQuant #txtQuantity").val()) + 1);
        });

        $('#sQuant a#btnDivi').click(function () {
            if ($('#sQuant #txtQuantity').val() < 2) {
                $('#sQuant #txtQuantity').val(1);
            }
            else {
                $('#sQuant #txtQuantity').val(parseInt($('#sQuant #txtQuantity').val()) - 1);
            }
        });

        $('#sQuant #txtQuantity').focusout(function () {
            if ($('#sQuant #txtQuantity').val() < 0) {
                $('#sQuant #txtQuantity').val(1);
            }
        });
    });
</script>

<div class="boxItem">
    <div class="header">
        <p>Sản phẩm nổi bật</p>
        <a href="#">Xem thêm Sản phẩm nổi bật</a>
        <div class="clr"></div>
    </div>
    <ul class="lstItem">

        <li class="item first">
            <img alt="Art 1" src="/Images/img1.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img2.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img3.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img4.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img5.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item first">
            <img alt="Art 1" src="/Images/img6.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img7.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img8.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img9.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img10.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
    </ul>
    <div class="clr"></div>
</div>

<div class="boxItem">
    <div class="header">
        <p>Sản phẩm bán chạy</p>
        <a href="#">Xem thêm Sản phẩm nổi bật</a>
        <div class="clr"></div>
    </div>
    <ul class="lstItem">

        <li class="item first">
            <img alt="Art 1" src="/Images/img1.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img2.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img3.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img4.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img5.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item first">
            <img alt="Art 1" src="/Images/img6.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img7.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img8.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img9.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img10.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
    </ul>
    <div class="clr"></div>
</div>

<div class="boxItem carol">
    <div class="header">
        <p>Sản phẩm đã xem</p>
        <div class="clr"></div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#carol').jcarousel({
                wrap: 'circular',
                scroll: 1
            });
        });
    </script>
    <ul class="lstItem" id="carol">
        <li class="item first">
            <img alt="Art 1" src="/Images/img6.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img7.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img8.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img9.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img10.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item first">
            <img alt="Art 1" src="/Images/img6.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img7.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img8.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img9.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
        <li class="item">
            <img alt="Art 1" src="/Images/img10.png">
            <a title="Đầm nữ tay lỡ màu hồng" href="#">Đầm nữ tay lỡ màu hồng</a>
            <p><span class="tit">Mã SP: </span><span class="value">TT284</span></p>
            <p><span class="tit">GL: </span><span class="value price">320,000 VNĐ</span></p>
            <p><span class="tit">GB: </span><span class="value price">300,000 VNĐ</span></p>
            <a class="btnXemnhanh">Xem nhanh</a>
            <div class="tooltip">
                <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
                <br />
                <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
                <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
                <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
                <br />
                <a href="#" class="btnAddcart">Thêm vào giỏ</a>
            </div>
            <div class="clr"></div>
        </li>
    </ul>
    <div class="clr"></div>
</div>
<div id="tooltip" class="tooltip">
    <span class="tit">Màu sắc</span>: 
                <ul id="color">
                    <li id="black"><a></a></li>
                    <li id="red"><a></a></li>
                    <li id="blue"><a></a></li>
                    <li id="green"><a></a></li>
                    <li id="gray"><a></a></li>
                </ul>
    <br />
    <span class="tit">Kích cỡ</span><span class="value">: S, XS, M, L, XL, XXL</span><br />
    <span class="tit">Giá bán buôn</span>:<span class="price"> 220,000 VNĐ</span><br />
    <span class="tit" id="sQuant">Số lượng</span>: 
                <p id="sQuant">
                    <input type="text" id="txtQuantity" value="1">
                    <a id="btnAdd"></a>
                    <a id="btnDivi"></a>
                </p>
    <br />
    <a href="#" class="btnAddcart">Thêm vào giỏ</a>
</div>
